<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>todolist小项目</title>
    <!-- jQuery -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <!-- 2.CSS样式 -->
    <link rel="stylesheet" href="./css/index.css" />
    <!-- 字体图标 -->
    <link
      rel="stylesheet"
      href="./download/font_3301571_d590vzbxups/iconfont.css"
    />
  </head>
  <body>
    <!-- 1.编写HTML结构 -->
    <div class="box">
      <div class="header">
        <!-- autocomplete="off",聚焦不动 -->
        添加待办 :<input
          type="text"
          autocomplete="off"
          placeholder="按回车添加待办"
        />
      </div>
      <div class="list">
        <!-- 添加li标签-样式测试 -->
        <!-- <li>
          <p>123</p>
          <span>2022-4-3 22:18:34</span>
          <button type="button" class="iconfont icon-bianji"></button>
          <button type="button" class="iconfont icon-shanchu1"></button>
        </li>
        <li>
          <input type="text" autocomplete="off" />
          <span>2022-4-3 22:18:34</span>
          <button type="button" class="iconfont icon-bianji"></button>
          <button type="button" class="iconfont icon-shanchu1"></button>
        </li> -->
      </div>
    </div>
    <!-- src而不是href -->
    <script src="./index.js"></script>
  </body>
</html>
